<template>
  <div id="scroll-board">
    <dv-scroll-board :config="config" />
  </div>
</template>

<script>
export default {
  data: function() {
    return {
      config: {
      }
    }
  },
  created() {
    this.getCOShortageShippingData()
  },
  methods: {
    getCOShortageShippingData() {
      this.config = {
        'header': [
          '传票号',
          '品目',
          '品目名称',
          '目的地',
          '数量'
        ],
        'data': [
          [
            '<span style="color:#3de7c9;">4D5050687-002</span>',
            '<span style="color:#3de7c9;">2112658-0</span>',
            '<span style="color:#3de7c9;">D2FC-7-H(P1)</span>',
            '<span style="color:#3de7c9;">HKG</span>',
            '<span style="color:#3de7c9;">20000</span>'
          ],
          [
            '<span style="color:#3de7c9;">4D5050695-001</span>',
            '<span style="color:#3de7c9;">2112658-0</span>',
            '<span style="color:#3de7c9;">D2FC-7-H(P1)</span>',
            '<span style="color:#3de7c9;">HKG</span>',
            '<span style="color:#3de7c9;">40000</span>'
          ],
          [
            '<span style="color:#3de7c9;">4D2262969-001</span>',
            '<span style="color:#3de7c9;">6975026-0</span>',
            '<span style="color:#3de7c9;">SS-3FL4029P-3T</span>',
            '<span style="color:#3de7c9;">PKL</span>',
            '<span style="color:#3de7c9;">10000</span>'
          ],
          [
            '<span style="color:#3de7c9;">4D2263558-001</span>',
            '<span style="color:#3de7c9;">6975026-0</span>',
            '<span style="color:#3de7c9;">SS-3FL4029P-3T</span>',
            '<span style="color:#3de7c9;">PKL</span>',
            '<span style="color:#3de7c9;">10000</span>'
          ],
          [
            '<span style="color:#3de7c9;">4D2263566-001</span>',
            '<span style="color:#3de7c9;">6975026-0</span>',
            '<span style="color:#3de7c9;">SS-3FL4029P-3T</span>',
            '<span style="color:#3de7c9;">PKL</span>',
            '<span style="color:#3de7c9;">10000</span>'
          ],
          [
            '<span style="color:#3de7c9;">4D2262640-001</span>',
            '<span style="color:#3de7c9;">6975026-0</span>',
            '<span style="color:#3de7c9;">SS-3FL4029P-3T</span>',
            '<span style="color:#3de7c9;">PKL</span>',
            '<span style="color:#3de7c9;">10000</span>'
          ],
          [
            '<span style="color:#3de7c9;">4J2808738-001</span>',
            '<span style="color:#3de7c9;">6902810-6</span>',
            '<span style="color:#3de7c9;">B3F-6000 BY OMZ</span>',
            '<span style="color:#3de7c9;">PKL</span>',
            '<span style="color:#3de7c9;">21000</span>'
          ],
          [
            '<span style="color:#3de7c9;">4J5027621-001</span>',
            '<span style="color:#3de7c9;">6975026-0</span>',
            '<span style="color:#3de7c9;">SS-3FL4029P-3T</span>',
            '<span style="color:#3de7c9;">HKG</span>',
            '<span style="color:#3de7c9;">15000</span>'
          ],
          [
            '6J3805788-001',
            '6952021-3',
            'G5RL-1A DC12',
            'ETC',
            '20000'
          ]
        ],
        'columnWidth': [
          150,
          150,
          250,
          100,
          100
        ],
        'align': [
          'center'
        ],
        'rowNum': 10,
        'carousel': 'page',
        'waitTime': 5000,
        'headerBGC': '#1981f6',
        'headerHeight': 45,
        'oddRowBGC': 'rgba(0, 44, 81, 0.8)',
        'evenRowBGC': 'rgba(10, 29, 50, 0.8)'
      }
    }
  }
}
</script>

<style lang="less" scoped>
#scroll-board {
  width: 95%;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
}
</style>
